﻿<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta http-equiv="cache-control" content="no-cache">
	<title>读者管理</title>
	<link rel="stylesheet" type="text/css" href="../../plugins/jquery-easyui/themes/metro/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../../plugins/jquery-easyui/themes/icon.css" />
	<link rel="stylesheet" type="text/css" href="../../css/common/common.css" />
	<script type="text/javascript" src="../../plugins/jquery-easyui/jquery.min.js"></script>
	<script type="text/javascript" src="../../plugins/jquery-easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../../plugins/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
	<script type="text/javascript" src="../../js/common/common.js"></script>
	<script type="text/javascript" src="../../js/common/validate.js"></script>
	<script type="text/javascript" src="../../js/readerManage/readerManage.js"></script>
	<style type="text/css">
		.editor-null{
			padding-left: 100%;
			background: rgba(186, 178, 178, 0.37);
		}
	</style>
</head>
<body>
	<!-- 工具栏 -->
	<div id="reader-tb">
		<div>
			<a href="javaScript:void(0);" onclick="BI.reader.obj.insert(BI.reader.dlg.titleInsert, BI.reader.dlg.insertRule)" class="easyui-linkbutton" data-options="iconCls:'icon-ex-useradd', plain:'true'">新添读者</a>
			<a href="javaScript:void(0);" onclick="BI.category.obj.showDlg()" class="easyui-linkbutton" data-options="iconCls:'icon-ex-userCategory', plain:'true'">读者类型编辑</a>
			<a href="javaScript:void(0);" onclick="BI.reader.obj.endTimeReader()"  class="easyui-linkbutton" data-options="iconCls:'icon-ex-usertotime', plain:'true'">查询今日到期读者</a>
			<a href="javaScript:void(0);" onclick="BI.reader.obj.batchDel()" class="easyui-linkbutton" data-options="iconCls:'icon-ex-userdelete', plain:'true'">批量删除</a> 	
		</div>
		<form class="super-search">
			<div class="input-box">
				<div>
					<label>用户名：</label>
					<input type="text" class="easyui-textbox" name="s_name" data-options="prompt:'用户名'"/>
				</div>
				<div>
					<label>账号：</label>
					<input type="text" class="easyui-textbox" name="s_account" data-options="prompt:'账号'"/>
				</div>
				<div>
					<label>手机号：</label>
					<input type="text" class="easyui-numberbox" name="s_phone" data-options="prompt:'手机号'" />
				</div>
				<div>   
			        <label>类型：</label>   
					<input type="text" class="easyui-combobox" id="s_categoryId" name="s_categoryId" data-options="prompt:'选择类型'" />
			    </div>
				<div>
					<label>身份证：</label>
					<input type="text" class="easyui-numberbox" name="IDCard" data-options="prompt:'身份证'" />
				</div>
				<div class="input-time">
					<label>出生日期：</label>
					<input type="text" class="easyui-datebox" name="start_time" data-options="prompt:'起始时间'"/>&nbsp;&nbsp;-&nbsp;&nbsp;
					<input type="text" class="easyui-datebox" name="end_time" data-options="prompt:'结束时间'"/>
				</div>
			</div>
			<div class="search-box">
				<a href="javaScript:void(0);" onclick="BI.reader.obj.query()" class="easyui-linkbutton" data-options="iconCls:'icon-search',">查询</a>
				<a href="javaScript:void(0);" onclick="BI.reader.obj.reset()" class="easyui-linkbutton" data-options="iconCls:'icon-reload'," >重置</a>
			</div>
		</form>
	</div>

	<!-- 读者表单 -->
	<div id="reader-dlg" class="easyui-dialog" data-options="iconCls:'icon-add', buttons:'#reader-btn', closed:'true', modal:'true'" >   
		<form method="post" >   
		    <div class="fitem">   
		        <label class="wd-60">用户名:</label>   
		        <input type="text" class="easyui-textbox" data-options="prompt:'用户名'" name="name" required="required" />   
		    </div>   
		    <div class="fitem">   
		        <label class="wd-60">账号:</label>   
		        <input type="text" class="easyui-textbox" data-options="prompt:'账号'" id="account" name="account" required="required" />   
		    </div>
		    <div class="fitem">   
		        <label class="wd-60">密码:</label>   
				<input type="password" class="easyui-textbox" id="password" name="password" data-options="required:true" />
		    </div>
		    <div class="fitem">   
		        <label class="wd-60">类型:</label>   
				<input type="text" class="easyui-combobox" id="categoryId" name="categoryId" required="required" data-options="prompt:'选择类型'" />
		    </div>
		    <div class="fitem">   
		        <label class="wd-60">身份证:</label>   
		        <input type="text" class="easyui-validatebox" name="IDCard" data-options="missingMessage:'身份证号', validType:'IdentityCodeValid'," required="required" />   
		    </div>
		    <div class="fitem">   
		        <label class="wd-60">余额:</label>   
		        <input type="text" class="easyui-numberbox" name="balance" data-options="precision:2,groupSeparator:',',decimalSeparator:'.',prefix:'￥',prompt:'余额'" />   
		    </div>
		    <div class="fitem">   
		        <label class="wd-60">出生日期:</label>   
		        <input type="text" class="easyui-datebox" name="birthday" data-options="prompt:'出生日期'" />   
		    </div>
		    <div class="fitem">   
		        <label class="wd-60">手机号:</label>   
		        <input type="text" class="easyui-numberbox" name="phone" data-options="prompt:'手机号', validType:'phoneValid'," />   
		    </div>
		    
		    <input type="hidden" name="id" />
		    <input type="hidden" name="userInfoId">
		</form>  
	</div>
	<div id="reader-btn">
		<a id="sureBtn" href="javaScript:void(0);" class="easyui-linkbutton" onclick="BI.reader.obj.save()" data-options="iconCls:'icon-ok', plain:'true'">确定</a>
		<a id="cancelBtn" href="javaScript:void(0);" class="easyui-linkbutton" onclick="javascritp:$('#reader-dlg').dialog('close');" data-options="iconCls:'icon-cancel', plain:'true'">取消</a>
	</div>
		
	<!-- 读者信息表格 -->
	<table id="reader-dg"></table>
	
	<!-- 读者类型表格 -->
	<div id="category-dlg" class="easyui-dialog" data-options="iconCls:'icon-add', closed:'true', modal:'true'" >
		<div id="category-tb">
			<a href="javascript:BI.category.obj.insert()" class="easyui-linkbutton" data-options="iconCls:'icon-search', plain:'true'">新增</a>
		</div>
		<table id="category-dg"></table>
	</div>
	
	
</body>
</html>